/*--------------------------------------- START OF TAB-CONTAINER ---------------------------*/
 
 .tab-container {
   background: url(../img/mesh8.jp);
   background-color:transparent;
   background-size:contain;
   height:100% auto !important;         
   width::100% auto !important;  
   border-style: solid;
   border-width:0px;
   border-color:white;
   padding:5% 10% 1% 10%;    /*-----(T) (R) (B) (L)---*/
  }
  
  .gallerytab {
   /*display: block;*/
   background: url(../img/steel4.jp) no-repeat center;
   background-color:transparent;
   background-size:cover;
   height:100% ;         
   width::100% ;    
   border-style: solid;
   border-width: 0px;
   border-color:yellow;
   text-align:center;
   
   text-weight:400;
   padding:0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*/
 } 
 
 /*
 #tabs-box-container {
   background: ;
   background-color:transparent;
   background-size:;
   height:auto ;         
   width::auto ;    
   border-style: solid;
   border-width: 2px;
   border-color:greenyellow;
   text-align:center;
   padding:0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*
  }
  */
  #paul-container {
   background: ;
   background-color:transparent;
   background-size:cover;
   height:100% ;         
   width::100% ;  
   border-style: solid;
   border-width:0px;
   border-color:blue;
   padding:0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*/
   text-align:center;
 }
 
 
.box1 { /*------------------ TAB TEXT CONTROLS -----------------------*/
    background: url(../img/but.jpg)no-repeat center ;;
    background-color:transparent;
    background-size: 100% 100%;
    display: inline-block;
    
    width: ;
    height: 100%;
    
    text-align:;
	/*---line-height:;
	font-size:32px; ----*/
	line-height: calc(1.5vw + 1.5vh + 1vmin); /* =========== scaleable responsive line spacing ======= */
   /*--font-size:30px; --*/
    font-size: calc(1.7vw + 1.7vh + 1vmin); /* ============= scaleable responsive text ======= */
	color:black; 
    font-weight:700;
    border-style: solid;
    border-width: px;
    border-color:#202020;
    padding:0% 0% 0% 0%;  /*-----(T) (R) (B) (L)---*/
    margin:0% 0% 0% 0%;  /*-----(T) (R) (B) (L)---*/
    
    webkit-box-shadow: 0px 0px 2px 2px #000000;
    moz-box-shadow: 0px 0px 2px 2px #000000;
    box-shadow: 0px 0px 2px 2px #000000;
}

.box2 { /*------------------ TAB TEXT CONTROLS -----------------------*/
    background:url(../img/steel4.jp)no-repeat center ;
    background-color:transparent;
    background-size: 100% 100%;
    
  
    width:100%;
    height:100%;
    
    text-align:;
	/*---line-height:;
	font-size:32px; ----*/
	line-height: calc(1.5vw + 1.5vh + 1vmin); /* =========== scaleable responsive line spacing ======= */
   /*--font-size:30px; --*/
    font-size: calc(1.7vw + 1.7vh + 1vmin); /* ============= scaleable responsive text ======= */
    text-shadow:-3px 3px 5px #00C0C0;
	color:#FFFF00; 
    font-weight:700;
    border-style: solid;
    border-width: 0px;
    border-color:green;
    padding:0% 0% 0% 0%;  /*-----(T) (R) (B) (L)---*/
    margin:0% 0% 0% 0%;  /*-----(T) (R) (B) (L)---*/
    
    webkit-box-shadow: 0px 0px 0px 0px #000000;
    moz-box-shadow: 0px 0px 0px 0px #000000;
    box-shadow: 0px 0px 0px 0px #000000;
}

/*--------- ANNOYING INDENT HACK -----*/
ul {
    list-style:none;
    padding-left:0;
}

li {
    list-style:none;
    padding-left:0;
}
/*--------------------------------------*/
ul.tabs li a {
		font-size:calc(1.5vw + 1.5vh + 1vmin);
		color:white;
		text-decoration:none;
		cursor:pointer;
		text-shadow:-3px 3px 2px black;
}

ul.tabs li a:hover, ul.tabs li.active a {
		font-size:calc(1.5vw + 1.5vh + 1vmin);
		color:aqua;
}

/*----------------------------- END controls for tab number box sizes etc-----------*/
 /*--------------------------------------- END OF TAB-CONTAINER ---------------------------*/
 
 
 /*------------------------------------------ (5)GALLERY SECTION -------------------------*/
 #container5 {
   background:url(../img/mesh8.jpg) ;
   background-color:transparent;
   background-size:contain;
   height:100% auto !important;         
   width::100% auto !important;  
   border-style: solid;
   border-width:0px;
   border-color:green;
   padding:0% 1% 0% 1%;    /*-----(T) (R) (B) (L)---*/
 }
  /*
 #inner5 {
   background:  ;
   background-color:transparent;
   height:auto;       /*-------height "auto" makes container stretch to content-----*  
   width::90%;  
   border-style: solid;
   border-width: 2px;
   border-color:yellow;
   padding:0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*
 }
 *//*
 #galcontainer {
   background:  ;
   background-color:transparent;
   height:auto;       /*-------height "auto" makes container stretch to content-----*  
   width::auto;  
   border-style: solid;
   border-width: 2px;
   border-color:white;
   padding:0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*
   max-width:100%;
   max-height:100%;
 }
 */
 .gallerytab2 {
   background:  ;
   background-color:transparent;
   height:5% ;         
   width::100% ;  
   border-style: solid;
   border-width: 2px;
   border-color: blue;
   margin: 0% 0% 0% 0%;    /*-----(T) (R) (B) (L)---*/
 }
 
 .box { /*----------------------- BACK TO TOP BOX -----------------------*/
   background: url(../img/steel4.jp) center;
   background-color:transparent;
   background-size:cover;
   font-size:30px;
   
   color:aqua;
   border-style: solid;
   border-width: 4px;
   border-color:red;
   padding:0% 10% 0% 10%;    /*-----(T) (R) (B) (L)---*
   height:1%;       /*-------height "auto" makes container stretch to content-----*/
   width::80%;
   
   
 }
 #back-to-top {
   
 
  }
  
 /*------------------------------------------ END GALLERY SECTION -------------------------*/